<template>
  <v-details
    :inputConfig="inputConfig"
    :detailData="inputData"
    :rules="rules"
    ref="input"
  ></v-details>
</template>

<script>
import details from "commons/Detail";
import baseMixin from "@/mixins/BaseMixin";

export default {
  props: {
    inputData: {
      type: Object,
    },
  },
  mixins: [baseMixin],
  name: "",
  data() {
    return {
      rules: {},
    };
  },
  computed: {
    inputConfig() {
      return [
        [
          {
            type: "input",
            label: this.$t("config.shipper"),
            props: "storerkey",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("config.sku"),
            props: "sku",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("config.packaging"),
            props: "packkey",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("config.measureUnit"),
            props: "uom",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("config.num"),
            props: "qty",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("ex.uomqty"),
            props: "uomqty",
            disabled: true,
          },
        ],
        [
          {
            type: "date",
            label: this.$t("common.date"),
            props: "effectivedate",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("bill.activity"),
            props: "trantype",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("in.fromid"),
            props: "fromid",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("outbound.fromloc"),
            props: "fromloc",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("out.comments"),
            props: "sourcekey",
            disabled: true,
          },
        ],
        [
          {
            type: "input",
            label: this.$t("in.lot"),
            props: "lot",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("config.freezeReason"),
            props: "holdcode",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("in.toid"),
            props: "toid",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("config.toLoc"),
            props: "toloc",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("ex.sourcetype"),
            props: "sourcetype",
            disabled: true,
          },
        ],
        [
          {
            type: "input",
            label: this.$t("ex.itrnkey"),
            props: "itrnkey",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("app.editName"),
            props: "editwho",
            disabled: true,
          },
          {
            type: "date",
            label: this.$t("app.editDate"),
            props: "editdate",
            disabled: true,
          },
          {
            type: "input",
            label: this.$t("app.addName"),
            props: "addwho",
            disabled: true,
          },
        ],
      ];
    },
  },
  methods: {},
  mounted() {},
  watch: {},
  components: {
    "v-details": details,
  },
};
</script>

<style scoped></style>
